<template>
  <div class="home">
    <router-view></router-view>
    <v-bottom-navigation v-model="bottomNav"
                         dark
                         shift>
      <v-btn to="/welcome">
        <span>主页</span>
        <v-icon>home</v-icon>
      </v-btn>

      <v-btn to="/course">
        <span>课表</span>
        <v-icon>event</v-icon>
      </v-btn>

      <v-btn to="/greade">
        <span>成绩</span>
        <v-icon>book</v-icon>
      </v-btn>

      <v-btn to="/scard">
        <span>成绩</span>
        <v-icon>grade</v-icon>
      </v-btn>
    </v-bottom-navigation>
  </div>

</template>

<script>
export default {
  data () {
    return {
      name: 'Home',
      bottomNav: 3
    }
  },
  methods: {
    jump () {
      // var i = week.findIndex(n => n === 1)
    }
  }

}
</script>
<style scoped>
.home {
  height: 100%;
}
.v-btn:not(.v-btn--round).v-size--default {
  height: 56px;
  width: 100px;
}
.v-item-group.v-bottom-navigation {
  width: 300px;
  border-radius: 10px;
  position: fixed;
  bottom: 10px;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  z-index: 100;
}
</style>
